<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$.ajax的使用</title>
  </head>

  <body>
    <button id="btn">点击发送ajax请求</button>
  </body>
  <script src="../js/jquery.min.js"></script>
  <script>
    let btn = document.querySelector("#btn");
    let params = {
      name: "jason",
      age: 18
    }
    $('#btn').on('click', function () {
      $.ajax({
        // 一.请求方式
        type: "get",
        // 二.请求地址
        url: "http://localhost:8000/ajax",
        // 三.传输数据有两种方式
        // 方式一:对象
        // data: {
        //  name: "jason",
        // age: 18
        // },
        // 方式二:字符串
        // data: "name=tom&age=10",
        data: params,
        // data: JSON.stringify(params),
        // 六.指定参数的类型
        contentType: 'application/x-www-form-urlencoded',
        // contentType: 'application/json',
        // 
        beforeSend: function () {
          // return false
        },
        // 四.请求成功后函数调用
        success: (data) => {
          console.log(data);
        },
        // 五.请求失败后函数调用
        error: (err) => {
          console.log(err);
        }
      })
    })
  </script>

</html>